<template>
<div>
<div class="content-box" >
    <GoBack></GoBack>
    <div class="collegeTitle">
    {{content.title}}
    </div> 
    <div class="college-other">
        <span>浏览次数：<i>{{content.count}}</i></span>
        <span class="collegeDate">发布日期：{{content.create_time}}</span>
        <span class="collegeOrigin">来源：{{content.origin}}</span>
        <span class="collegeBian">责编：{{content.compiler}}</span>
    </div>
    <div v-if="content.type==0">
        <div class="imgWord">
            <!-- <div class="collegeImage">
                <img :src=content.cover_picture alt="">
            </div> -->
            <div class="collegeText" v-html="content.content">
            </div>
        </div>
    </div>
    <div v-else-if="content.type==1">
        <div class="collegeVideo">
            <video :src=content.video_url controls="controls"></video>
        </div>
    </div>
    
</div>
</div>


</template>
<script>
import GoBack from '../goback'
export default {
     name:"collegeVideo",
     components: {
        GoBack,
      },
      data() {
          return{
            content:{},
            id:0
          }
      }, 
      mounted(){
        this.id=this.$route.query.id;
        this.https("master/getObtainInformationInfo",{id:this.id}).then(data => {
            this.content = data;
        });
      }
}
</script>
<style>
.content-box .gobackBox{
  position: relative !important;
  top: 0rem;
  right: 0;
  background: #ffffff;
}
.content-box .search-box{
  position: absolute;
  top: 0.1rem;
  right: 0.15rem;
}
</style>
<style scoped>
  @import url(../../assets/css/college/collegeVideo.less)
</style>